<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>旅动</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

	<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">

	<script type='text/javascript' src='https://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<link rel="stylesheet" type="text/css" href="./css/base.css?v=1.1.21">
	<link rel="stylesheet" type="text/css" href="./css/travel_insert.css?v=1.1.21">
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id='router'>
			<header class="bar bar-nav">
	            <a class="icon icon-left pull-left j-return" href="javascript:;"></a>
	            <button class="button button-link button-nav pull-right j-submit">完成</button>
	            <h1 class="title">信息填写</h1>
	        </header>
	        <div>这里是提示！</div>
	        <div class="content">
	        	<div class="list-block my-list-block">
	        		<div class="group-title">基本信息</div>
		        	<ul class="card">
		        		<li class="info-name">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">姓名</div>
									<div class="item-input">
										<input type="text" placeholder="请输入姓名">
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="info-wx">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">微信号</div>
									<div class="item-input">
										<input type="text" placeholder="请输入微信号">
									</div>
								</div>
							</div>
							<div class="tip">双方约伴成功后才会显示微信号，请放心填写</div>
		        		</li>
		        		<li class="info-sex">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">性别</div>
									<div class="item-input">
										<input type="text" placeholder="请选择性别" readonly>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="info-age">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">年龄</div>
									<div class="item-input">
										<input type="text" placeholder="请选择年龄">
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="info-peer">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">出行人数</div>
									<div class="item-input">
										<input type="number" placeholder="请填写出行人数">
									</div>
								</div>
							</div>
		        		</li>
		        		<li  class="info-team item-page">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">&nbsp;</i></div>
								<div class="item-inner">
									<div class="item-title label">支持球队</div>
									<div class="item-input">
										<!-- <input type="text" placeholder="请选择支持球队" readonly> -->
										<a href="#router1"><span class="text"><em>请选择球队</em></span><span class="icon icon-right"></span></a>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="info-tag item-page">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">&nbsp;</i></div>
								<div class="item-inner">
									<div class="item-title label">标签</div>
									<div class="item-input">
										<!-- <input type="text" placeholder="请输入标签,用&分割"> -->
										<a href="#router2"><span class="text"><em>请选择标签</em></span><span class="icon icon-right"></span></a>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="info-desc">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">&nbsp;</i></div>
								<div class="item-inner">
									<div class="item-title label">简介</div>
									<div class="item-input">
										<textarea placeholder="介绍下自己" maxlength="200"></textarea>
									</div>
								</div>
							</div>
		        		</li>
		        	</ul>
	        	</div>
	        	<div class="list-block my-list-block">
	        		<div class="group-title">观赛信息</div>
		        	<ul class="card">
		        		<li class="watch-from">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">出发地</div>
									<div class="item-input">
										<input type="text" placeholder="请输入出发地">
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="watch-to">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">目的地</div>
									<div class="item-input">
										<input type="text" placeholder="请输入目的地">
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="watch-startdate">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">出发日期</div>
									<div class="item-input">
										<input type="text" placeholder="请输入出发日期" readonly/>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="watch-returndate">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">返程日期</div>
									<div class="item-input">
										<input type="text" placeholder="请输入返程日期" readonly/>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="watch-game item-page">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">&nbsp;</i></div>
								<div class="item-inner">
									<div class="item-title label">观看比赛</div>
									<div class="item-input">
										<!-- <input type="text" placeholder="请选择观看比赛" readonly> -->
										<a href="#router3"><span class="text"><em>请选择观看比赛</em></span><span class="icon icon-right"></span></a>
									</div>
								</div>
							</div>
		        		</li>
		        		<li class="watch-vehicle">
		        			<div class="item-content">
								<div class="item-media"><i class="icon icon-form-name">*</i></div>
								<div class="item-inner">
									<div class="item-title label">出行方式</div>
									<div class="item-input">
										<input type="text" placeholder="请选择出行方式" readonly="">
									</div>
								</div>
							</div>
		        		</li>
		        	</ul>
	        	</div>
	        	<p class="add-area"><a href="#" class="button button-fill j-add">添加行程</a></p>
	        </div>
		</div>
		<div class="page" id="router1">
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left router-return back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<h1 class='title'>球队选择</h1>
				<a class="button button-link button-nav pull-right back">完成</a>
			</header>
			<div class="content">
				<div class="tab-list"></div>
			</div>
		</div>
		<div class="page" id="router2">
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left router-return back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<h1 class='title'>标签选择</h1>
				<a class="button button-link button-nav pull-right back">完成</a>
			</header>
			<div class="content">
				<div class="tab-list"></div>
			</div>
		</div>
		<div class="page" id="router3">
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left router-return back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<h1 class='title'>比赛选择</h1>
				<a class="button button-link button-nav pull-right back">完成</a>
			</header>
			<div class="content">
				<div class="tab-list"></div>
			</div>
		</div>
	</div>
</body>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript" src="https://g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js'></script>
<script type="text/javascript" src="./js/common.js?v=1.1.57"></script>
<script type="text/javascript" src="./js/travel_insert.js?v=1.1.21"></script>
<script type="text/javascript">
   var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1267142462'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1267142462%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
</script>
</html>
